.divusermanager{
    width:100%;
    height: 100%;
    background-color: black;
}
.divusermanager_header{
    width:100%;
    height: 10%;
    background-color: rgb(12, 80, 38);
    color:white;
    display: flex; flex-direction: column;justify-content: center; align-items: center;
}
.divusermanager_body{
    width:100%;
    height: 80%;
    display: flex;
}
    // •第一个值 0 表示伸缩因子，这里设置为 0 表示不允许伸展。
    // •第二个值 0 表示弹性值，同样设置为 0 表示不允许收缩。
    // •第三个值 15% 表示基础大小，即元素的基础大小。
.divusermanager_leftmenubody{
    flex:1 0 15%;
    height: 100%;
    min-width: 150px;
    background-color: rgb(63, 154, 240);
    color:white;
}
// •第一个值 1 表示伸缩因子，决定了元素在空间分配时的比例。
    // •第二个值 1 表示弹性值，这里设置为 1 表示允许伸展。
    // •第三个值 85% 表示基础大小，即如果没有剩余空间可供伸展，元素的基础大小
.divusermanager_mainbody{
    flex:1 1 85%;
    height: 100%;
    background-color: rgb(184, 240, 184);
}

.divusermanager_foot{
    width:100%;
    height: 10%;
    background-color: rgb(0, 0, 0);
    color:white;
    display: flex; flex-direction: column;justify-content: center; align-items: flex-start;
}

// <div class="divusermanager_header"></div>
// <div class="divusermanager_body"></div>
// <div class="divusermanager_foot"></div>